<!doctype html>
<html>
<head>
<meta charset="utf-8">
  <title>淘票票</title>
 <link rel="shortcut icon" href="img/icon.ico">
	 <link type="text/css" rel="stylesheet" href="css/style.css" /> 
	 
  <link rel="stylesheet" type="text/css" href="css/common.css">

</head>

<body style="overflow-y:scroll;overflow-x:auto;">
	<div id="head">
		<div id="k1">
			<img id="mianIcon" src="img/mian_icon.png">
			<p id="cityName" >杭州</p>
			<div id="menu">
			<a id="aMain">首页</a>
			<a id="aFilm">影片</a>
			<a id="aCinema">影院</a>
			</div>
		</div>
		<div id="k2">
			<table> <tr><td><a id="buyByPhone" ><img src="img/buyByPhone.png">手机购买</a></td>&nbsp;<td><a  id="customerService" ><img src="img/customerService.png">咨询客服</a></td></tr></table>
			
		</div>
	</div>
	<hr>
	<div id="box">
		<div class="container" id="main">
			<div id="main_show" >
			<img src="img/main_show.png" >
			</div>
			<div id="onlineList">
			<div>
				<div id="onlineList_menu"><a id="zhen" class="clickOn2">正在热映(89)</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="ji">即将上映(125)</a>  <p id="checkMore">查看全部></p></div>
				<hr style="margin-bottom: 10px;margin-top: 1px">
				</div>
				<div id="onLineFilm">
					<div class="filmItem">
						<div class="imgA">
						<img src="img/SDYJQ9.jpg">
							<div class="textArea">
							<b id="12138" class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
							</div>
							<div class="btnOrder"><b class="filmItemText">选座购票</b></div>
						</div>
					</div>
					
					<div class="filmItem">
						<div class="imgA">
						<img src="img/SDYJQ9.jpg">
							<div class="textArea">
							<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
							</div>
							<div class="btnOrder"><b class="filmItemText">选座购票</b></div>
						</div>
					</div>
				
					<div class="filmItem">
						<div class="imgA">
						<img src="img/SDYJQ9.jpg">
							<div class="textArea">
							<b  class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
							</div>
							<div class="btnOrder"><b class="filmItemText">选座购票</b></div>
						</div>
					</div>	
					
					<div class="filmItem">
						<div class="imgA">
						<img src="img/SDYJQ9.jpg">
							<div class="textArea">
							<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
							</div>
							<div class="btnOrder"><b class="filmItemText">选座购票</b></div>
						</div>
					</div>	
				
					<div class="filmItem">
						<div class="imgA">
						<img src="img/SDYJQ9.jpg">
							<div class="textArea">
							<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
							</div>
							<div class="btnOrder"><b class="filmItemText">选座购票</b></div>
						</div>
					</div>						
				</div>

					
				</div>
				<div id="centerLine">
					<img src="img/central_imge.png">
				</div>
			<div id="rankingBlock">
				<div id="filmRanking">
					<div id="filmRankingMenu">
						<b style="float: left">上周票房排行</b><a>全部影片></a>
					</div>
					<hr>
					<ol >
						<li>
							<div class="filmRankingItemSmall"  style="display:none;">
							<p class="titleSmall">速度与激情9</p><p class="scoreSmall">7.8</p>
							</div>
							<div class="filmRankingItemBig">
							<div class="suo" style="background-image:url(img/SDYJQ9.jpg)"></div>
								<div class="filmRankingItemBigText">
									<p>速度与激情9</p><p >7.8</p>
									<div class="filmRankingItemBigBtn">
										<a>选座购票</a>
									</div>
								</div>
								
							</div>
						</li>
						<hr>
						<li>
							<div class="filmRankingItemSmall"  >
							<p class="titleSmall">速度与激情9</p><p class="scoreSmall">7.8</p>
							</div>
							<div class="filmRankingItemBig" style="display:none;">
							<div class="suo" style="background-image:url(img/SDYJQ9.jpg)"></div>
								<div class="filmRankingItemBigText">
									<p>速度与激情9</p><p >7.8</p>
									<div class="filmRankingItemBigBtn">
										<a>选座购票</a>
									</div>
								</div>
								
							</div>
						</li>
						<hr>
						<li>
							<div class="filmRankingItemSmall"  >
							<p class="titleSmall">速度与激情9</p><p class="scoreSmall">7.8</p>
							</div>
							<div class="filmRankingItemBig" style="display:none;">
							<div class="suo" style="background-image:url(img/SDYJQ9.jpg)"></div>
								<div class="filmRankingItemBigText">
									<p>速度与激情9</p><p >7.8</p>
									<div class="filmRankingItemBigBtn">
										<a>选座购票</a>
									</div>
								</div>
								
							</div>
						</li>
						<hr>
						<li>
							<div class="filmRankingItemSmall"  >
							<p class="titleSmall">速度与激情9</p><p class="scoreSmall">7.8</p>
							</div>
							<div class="filmRankingItemBig" style="display:none;">
							<div class="suo" style="background-image:url(img/SDYJQ9.jpg)"></div>
								<div class="filmRankingItemBigText">
									<p>速度与激情9</p><p >7.8</p>
									<div class="filmRankingItemBigBtn">
										<a>选座购票</a>
									</div>
								</div>
								
							</div>
						</li>
						<hr>
						<li>
							<div class="filmRankingItemSmall"  >
							<p class="titleSmall">速度与激情9</p><p class="scoreSmall">7.8</p>
							</div>
							<div class="filmRankingItemBig" style="display:none;">
							<div class="suo" style="background-image:url(img/SDYJQ9.jpg)"></div>
								<div class="filmRankingItemBigText">
									<p>速度与激情9</p><p >7.8</p>
									<div class="filmRankingItemBigBtn">
										<a>选座购票</a>
									</div>
								</div>
								
							</div>
						</li>
						<hr>
					</ol>
				</div>
			

				<div id="cinemaRanking">
				
					<div id="cinemaRankingMenu">
						<b style="float: left">热门影院排行</b><a>全部影院></a>
					</div>
					<hr>
					<ol >
						<li>
							<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
							<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
						</li>
						<li>
							<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
							<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
						</li>
						<li>
							<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
							<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
						</li>
						<li>
							<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
							<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
						</li>
						<li>
							<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
							<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
						</li>
						<li>
							<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
							<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
						</li>
					</ol>	
				</div>
				<div id="trailer">
					<div id="trailerMenu">
						<b style="float: left">热门预告片</b>
					</div>
					<hr>
					<div class="trailerItem">
						<div class="suo2" style="background-image:url(img/SDYJQ9.jpg)"></div><br>
						<p>速度与激情9</p>
					</div>
					<div class="trailerItem">
						<div class="suo2" style="background-image:url(img/SDYJQ9.jpg)"></div><br>
						<p>速度与激情9</p>
					</div>
					<div class="trailerItem">
						<div class="suo2" style="background-image:url(img/SDYJQ9.jpg)"></div><br>
						<p>速度与激情9</p>
					</div>
					<div class="trailerItem">
						<div class="suo2" style="background-image:url(img/SDYJQ9.jpg)"></div><br>
						<p>速度与激情9</p>
					</div>
					<div class="trailerItem">
						<div class="suo2" style="background-image:url(img/SDYJQ9.jpg)"></div><br>
						<p>速度与激情9</p>
					</div>							
				</div>
			</div>
				
				
			</div>
		<div class="container" id="film" style="display:none;">
			<div class="hintText"> <p><a>首页</a>&nbsp;>&nbsp;<a>电影</a>&nbsp;>&nbsp;杭州</p>  	
				<p>
					3步轻松购票:1.选座购票/买券<img class="right" src="img/right.png">
					2.收电子码<img class="right" src="img/right.png">
					3.影院取票	
				</p>
			</div>
			<div id="filmBlock">
				<div id="filmList">
					
						<div id="filmListMenu">
							<div id="filmList_menu">
								<a id="zhen1" class="clickOn2">正在热映(89)</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="ji1">即将上映(125)</a>  
							</div>
							<hr style="margin-bottom: 10px;margin-top: 1px">
						</div>
						<div id="Films">
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>		
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>
							<div class="filmItem">
								<div class="imgA">
										<img src="img/SDYJQ9.jpg">
										<div class="textArea1">
											<b class="title filmItemText">速度与激情9</b><b class="score filmItemText">7.8</b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>							
						</div>

				
			
			</div>
					<div id="hotCinema">
									
					<div id="hotCinemaMenu">
						<b style="float: left">热门影院排行</b><a>全部影院></a>
					</div>
					<hr>
					<ul >
						<li >
							<div class="hotCinemaItem">
								<div class="hotCinemaText">
									<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
									<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
								</div>
						
								<div class="hotCinemaBtn">
										<a>选座购票</a>
								</div>
							</div>
								
						</li>
						<hr>
						<li >
							<div class="hotCinemaItem">
								<div class="hotCinemaText">
									<a>神画国际影城蓝钻店(和睦地铁站E1口)</a>
									<p>拱墅区莫干山路969号蓝钻天成一号楼四楼401室</p>
								</div>
						
								<div class="hotCinemaBtn">
										<a>选座购票</a>
								</div>
							</div>
								
						</li>
						<hr>

					</ul>
				</div>
		</div>
	
	</div>
		<div class="container" id="cinema" style="display:none;">
			<div class="hintText"> <p><a>首页</a>&nbsp;>&nbsp;<a>影院</a>&nbsp;>&nbsp;杭州</p>  	
				<p>
					3步轻松购票:1.选座购票/买券<img class="right" src="img/right.png">
					2.收电子码<img class="right" src="img/right.png">
					3.影院取票	
				</p>
			</div>
			<div id="cinemaBloak">
				<div id="cinemaList">
					<div id="cinemaMenu">
						<div id="cinemaMenuText">
							<p>选择区域</p>
							<p>搜索</p>
						</div>
						<div id="cinemaMenuSelect">
							<a class="cinemaSelected">全部区域</a><a>江滨区</a><a>淳安县</a><a>富阳区</a><a>拱墅区</a><a>建德市</a><a>江干区</a><br><a>临安区</a><a>上城区</a><a>桐庐县</a><a>下城区</a><a>萧山区</a><a>下沙经济开发区</a><br><a>西湖区</a><a>余杭区</a>
								
						</div>
						<div id="cinemaMenuSearch">
							<from>
								<input id="cinemaMenuSearchInput" type="text" placeholder="请输入影院名称/关键字"/>
								<input id="cinemaMenuSearchSubmit" type="submit" value="查询"/>
							</from>
						</div>
					</div>
					<div id="cinemaOrderIndex"><p>排序：</p><div id="cinemaOrderBtn">评分 ↑ </div></div>
					<div id="cinemaContent" > 
						<div class="cinemaItem">
							<div class="imgDiv">
								<img src="img/BG.jpg"/>
							</div>
							<div class="cinemaItemText">
								<h4>杭州比高影城（大河店）</h4><br>
								<p>地址：拱墅区小河路488号运河天地4栋<br>电话：0571-28066699</p>
							</div>
							<div class="cinemaItemScore">
								<p>评分：<a class="ItemScore">9.2</a></p><br>
								<div class="cinemaItemcheak">选座</div>
							</div>
							
						</div>
						<div class="cinemaItem">
							<div class="imgDiv">
								<img src="img/BG.jpg"/>
							</div>
							<div class="cinemaItemText">
								<h4>杭州比高影城（大河店）</h4><br>
								<p>地址：拱墅区小河路488号运河天地4栋<br>电话：0571-28066699</p>
							</div>
							<div class="cinemaItemScore">
								<p>评分：<a class="ItemScore">9.2</a></p><br>
								<div class="cinemaItemcheak">选座</div>
							</div>
							
						</div>
						<div class="cinemaItem">
							<div class="imgDiv">
								<img src="img/BG.jpg"/>
							</div>
							<div class="cinemaItemText">
								<h4>杭州比高影城（大河店）</h4><br>
								<p>地址：拱墅区小河路488号运河天地4栋<br>电话：0571-28066699</p>
							</div>
							<div class="cinemaItemScore">
								<p>评分：<a class="ItemScore">9.2</a></p><br>
								<div class="cinemaItemcheak">选座</div>
							</div>
							
						</div>
						<div class="cinemaItem">
							<div class="imgDiv">
								<img src="img/BG.jpg"/>
							</div>
							<div class="cinemaItemText">
								<h4>杭州比高影城（大河店）</h4><br>
								<p>地址：拱墅区小河路488号运河天地4栋<br>电话：0571-28066699</p>
							</div>
							<div class="cinemaItemScore">
								<p>评分：<a class="ItemScore">9.2</a></p><br>
								<div class="cinemaItemcheak">选座</div>
							</div>
							
						</div>
						<div class="cinemaItem">
							<div class="imgDiv">
								<img src="img/BG.jpg"/>
							</div>
							<div class="cinemaItemText">
								<h4>杭州比高影城（大河店）</h4><br>
								<p>地址：拱墅区小河路488号运河天地4栋<br>电话：0571-28066699</p>
							</div>
							<div class="cinemaItemScore">
								<p>评分：<a class="ItemScore">9.2</a></p><br>
								<div class="cinemaItemcheak">选座</div>
							</div>
							
						</div>						
					</div>
					
				</div>
				<div id="tuan"><img src="img/tuan.png" /></div>
			</div>
				
		</div>
		</div>
	<div id="bottom">
	<table id="tb1">
		<tr>
			
			<td>
				
				<img id="bottomIcon" src="img/textIcon_white.png" ><br>
				<p class="botomText" align="center">如果您是消费者，<br>
				请拨打0571-88157838 <br>
				如果您是影院/合作商家，<br>
				请拨打400-825-9220<br>
				(服务时间:9:00-21:00)</p>
			</td>
			<td>
				
				<b class="botomText2">选座购票流程</b><br>
				<ul >
					<li class="botomText"><a>•选择影片和场次</a></li>
					<li class="botomText"><a>•选择中意的座位</a></li>
					<li class="botomText"><a>•支付并收到取票短信</a></li>
				</ul>
			</td>
			<td>
				<b class="botomText2">取票流程</b><br>
				<ul >
					<li class="botomText"><a>•收到取票短信</a></li>
					<li class="botomText"><a>•影院自助取票</a></li>
					<li class="botomText"><a>•短信重发方式</a></li>
				</ul>
			</td>
			<td>
				<b class="botomText2">常见问题</b><br>
				<ul >
					<li class="botomText"><a>•是否支持退换票</a></li>
					<li class="botomText"><a>•填错手机号怎么办</a></li>
					<li class="botomText"><a>•更多问题>></a></li>
				</ul>
			</td>
			
			<td>
				<div class="blank"></div>
				<b class="botomText2">协议规范</b><br>
				<ul >
					<li class="botomText"><a>•用户服务协议</a></li>
					<li class="botomText"><a>•食品管理规范</a></li>
					<li class="botomText"><a>•隐私权政策</a></li>
					<li class="botomText"><a>•退改签服务费规范</a></li>
				</ul>
			</td>
			<td>
				<img src="img/QR_code.png">
			</td>
		</tr>
		</table>
		<hr id="bottomLine"> 
		<div id="youLian"><p class="botomText"> <a>阿里巴巴集团</a> | <a>阿里巴巴国际站</a> | <a>阿里巴巴中国站</a> | <a>全球速卖通</a> | <a>淘宝网</a> | <a>天猫</a> | <a>聚划算</a> | <a>一淘</a> | <a>阿里妈妈</a> | <a>阿里云计算</a> | <a>云OS</a> | <a>万网</a> | <a>中国雅虎</a> | <a>支付宝</a> </p></div>
			<p style="display: table;margin-left: 260px" class="botomText"> 关于淘宝 合作伙伴 营销中心 联系客服 开放平台 诚征英才 联系我们 网站地图 法律声明 © 2017 Taopiaopiao.com 版权所有<br>
			增值电信业务经营许可证：沪B2-20170117 沪ICP备16050036号-1 营业执照<br>
			违法不良信息举报电话 0571-88157838<br>
			违法不良信息举报邮箱 taopiaopiao_tousu@list.alibaba-inc.com </p>
	</div>
	<img style="display: table;margin: 0 auto" src="img/wangJing.png">
	<script src="js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
		<script src="js/main.js"></script>
</body>
</html>
